<template>
	<view class="commonLayout">
        <!-- <view class="title">用户协议</view> -->
        <view class="title1">第一部分 协议主体</view>
        <view class="title1">1. 定义</view>
        <view class="content">
            <view class="content1"><span class="span">平台：</span>指由公司（以下简称"运营方"）运营的网站/移动应用程序（具体名称及域名）。</view>
            <view class="content1"><span class="span">用户：</span>注册或使用平台服务的个人或企业，包括消费者、商家、第三方服务商等。</view>
            <view class="content1"><span class="span">商品/服务：</span>平台展示的供交易的产品、虚拟商品、数字内容或服务。</view>
            <view class="content1"><span class="span">订单：</span>用户与商家通过平台达成的交易合同。</view>
        </view>
        <view class="title1">2.协议范围</view>
        <view class="explain">本协议适用于用户使用平台全部服务的行为，包括但不限于浏览、注册、下单、支付、评价等。用户需同意本协议方可使用平台服务。</view>

        <view class="title1">第二部分 用户权利与义务</view>
        <view class="title1">1. 用户权利</view>
        <view class="list" v-for="(item, index) in powerList" :key="index">· {{ item }}</view>
        <view class="title1">2. 用户义务</view>

        <view class="title1">第三部分 平台运营规则</view>
        <view class="title1">1. 商品/服务管理</view>
        <view class="list" v-for="(item, index) in productList" :key="index">· {{ item }}</view>
        <view class="title1">2. 交易流程</view>
        <view class="list" v-for="(item, index) in transactionList" :key="index">· {{ item }}</view>
        <view class="title1">3. 支付条款</view>
        <view class="list" v-for="(item, index) in payList" :key="index">· {{ item }}</view>

        <view class="title1">第四部分 隐私与数据保护</view>
        <view class="list" v-for="(item, index) in privacyList" :key="index">· {{ item }}</view>

        <view class="title1">第五部分 知识产权</view>
        <view class="list" v-for="(item, index) in knowledgeList" :key="index">· {{ item }}</view>

        <view class="title1">第六部分 免责声明</view>
        <view class="list" v-for="(item, index) in responsibilityList" :key="index">· {{ item }}</view>

        <view class="title1">第七部分 法律适用与争议解决</view>
        <view class="list" v-for="(item, index) in lawList" :key="index">· {{ item }}</view>

        <view class="title1">第八部分 协议修改与终止</view>
        <view class="list" v-for="(item, index) in overList" :key="index">· {{ item }}</view>

        <view class="title1">第九部分 其他条款</view>
        <view class="content">
            <view class="content1"><span class="span">通知方式：</span>平台通过站内信、邮件、短信等方式发送通知；</view>
            <view class="content1"><span class="span">协议完整性：</span>本协议未尽事宜以法律法规或平台规则为准；</view>
            <view class="content1"><span class="span">可分割性：</span>若部分条款无效，不影响其他条款效力。</view>
        </view>
    </view>
</template>
<script setup>
import { onShareAppMessage, onShareTimeline } from '@dcloudio/uni-app';

const powerList = [
    '注册成为用户，享受平台提供的商品/服务；',
    '通过合法方式下单、支付并获取商品/服务；',
    '对订单状态、服务质量进行查询及评价；',
    '依法申请退款、售后服务或投诉。'
]
const productList = [
    '商家需确保商品/服务符合国家质量标准及描述真实性；',
    '平台有权对违规商品/服务采取下架、处罚等措施。'
]
const transactionList = [
    '订单生成以用户支付成功为准；',
    '因不可抗力（如自然灾害、政策变动）导致交易无法完成，平台有权取消订单。'
]
const payList = [
    '用户需通过平台认可的支付方式完成付款；',
    '支付信息由第三方支付机构处理，平台不存储用户敏感支付数据。'
]
const privacyList = [
    '平台收集、使用用户数据需遵守《个人信息保护法》；',
    '用户同意平台向商家、物流服务商等提供必要订单信息以完成交易。'
]
const knowledgeList = [
    '平台内容的知识产权归运营方或授权方所有；',
    '用户不得擅自复制、传播平台内容，除非获得书面许可；',
    '用户上传内容（如评价、图片）的知识产权归用户所有，但授予平台全球性、免许可费的使用权限。'
]
const responsibilityList = [
    '平台仅作为信息中介，不对商家商品/服务质量、交易风险承担连带责任；',
    '因用户操作失误、网络故障、第三方行为导致的损失，平台不承担责任；',
    '平台保留随时终止或限制用户权限的权利，无需事先通知。'
]
const lawList = [
    '本协议适用中华人民共和国法律；',
    '争议提交平台所在地有管辖权的人民法院诉讼解决。'
]
const overList = [
    '平台有权根据法律法规或业务需要修改协议，修改内容公示后生效；',
    '用户继续使用服务视为接受新协议；',
    '平台有权在用户违约时终止账户。'
]

// 分享给朋友
onShareAppMessage(() => {
    return {
        title: '用户协议 - 飞手之家',
        path: '/pages/agreement/agreement',
        imageUrl: '/static/images/head.jpg'
    };
});

// 分享到朋友圈
onShareTimeline(() => {
    return {
        title: '用户协议 - 飞手之家',
        query: '',
        imageUrl: '/static/images/head.jpg'
    };
});
</script>

<style lang="scss" scoped>
    .commonLayout {
        padding-bottom: 80rpx;
    }
    .title {
        text-align: center;
    }
    .title1 {
        font-weight: bold;
        margin-top: 20rpx;
        margin-left: 10px;
    }
    .explain {
        margin-top: 20rpx;
    }
    .content {
        margin-top: 20rpx;
        margin-left: 20px;
        .content1 {
            margin-top: 20rpx;
            .span {
                font-weight: bold;
            }
        }
    }
    .list {
        margin-left: 20px;
    }
</style>